<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1">
    <meta content="telephone=no" name="format-detection"/>
    <script>
        var isJsBridgeReady = false;
        var isZHKIOS= false;
        function readyFunc(device){
            isJsBridgeReady = true;
            if(device == 'true'){
              isZHKIOS = true;
            }
        }
    </script>
    <title>单品营销</title>
    <link rel="stylesheet" href="../css/pro_app.min.css"/>
    <link rel="stylesheet" href="../lib/swiper.min.css">
    <link rel="stylesheet" href="../lib/yz-sm.min.css">
    <link rel="stylesheet" href="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.css">
</head>

<body>
<div class="page-group">
    <div class="page create-activity" id="createDpyxActivityPage">
      <script type="text/template" id="dpyx_activity_data_tpl">
        <div class="step">
        <div class="process-wrap">
            <div class="process-bar">
                <div class="inner" style="width:0%;"></div>
            </div>
            <div class="circles">
                <span class="zhk-navi_circle active"></span>
                <span class="zhk-navi_circle"></span>
            </div>
            <div class="text">
                <span class="active">优惠券信息</span>
                <span>活动信息</span>
            </div>
        </div>
        <div class="activity-setting dpyx">
            <div>
                <ul class="item-list">
                    <li>
                        <span>商品名称</span>
                        <div>
                            <input type="text" id="goodsName" class="input-active-name" maxlength="20" placeholder="请填写商品名称" value="{{goodsInfo.goodsName}}"/>
                        </div>
                    </li>
                    <li>
                        <span>商品图片</span>
                        <div id="goodsPic">
                            <a href="#">非必选项 <i class="zhk-list_rarrow"></i></a>
                        </div>
                    </li>
                    <li>
                        <span>券面额</span>
                        <div>
                            <input type="number" placeholder="请填写" maxlength="" class="input-money" id="voucherAmount" value="{{voucherWorthValue}}"  oninput="if(value>999.99){value=999.99}"/>元
                        </div>
                    </li>
                    <li>
                        <span>券消费门槛</span>
                        <div>
                            订单满<input type="number" class="input-money-order" placeholder="请填写" id="voucherMinConsumeAmount" value="{{voucherMinConsume}}"  oninput="if(value>999.99){value=999.99}"/>元
                        </div>
                    </li>
                    <li>
                        <span>券有效期</span>
                        <div>
                            <div class="switch-label" id="quan-deadline"><span>{{if isRelativeTime == true}}相对时间{{else}}指定时间{{/if}}</span><i class="zhk-list_rarrow"></i>
                            </div>
                             <p>
                                领取后<input type="number" maxlength="" placeholder="30" class="input-day-amount" value="{{voucherRelativeTime}}" id="relativeValidDays"/>天内有效
                             </p>
                             <p style="display:none;">
                                    <input type="text"  class="input-datetime" placeholder="开始日期" value="{{voucherStartTime}}"
                                            id="voucher-date-start"  readonly/> 至
                                    <input type="text"  class="input-datetime" placeholder="结束日期" value="{{voucherEndTime}}"
                                            id="voucher-date-end" readonly/>
                             </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="btn-wrap" id="nextBtn">
            <div class="btn">下一步</div>
        </div>
       </div>
      </script>
        <div class="scroll-view">
            <ul class="header">
                <li class="left"><a href="#" class="back"><i class="zhk-nav_back"></i>返回</a></li>
                <li class="middle">单品营销</li>
                <li class="right"></li>
            </ul>
            <div class="page-body" id="dpyxDataContainer">

            </div>

        </div>
    </div>
</div>
 <script src="../lib/zepto.min.js"></script>
 <script src="../lib/yz-sm.min.js"></script>
 <script src="../lib/mobiscroll/mobiscroll.custom-2.17.0.min.js"></script>
 <script src="../lib/template.js"></script>
 <script src="../lib/swiper.min.js"></script>
 <script src="../base/recalc.js" compress="../base/base.js"></script>
 <script src="../base/dialog.js" compress="../base/base.js"></script>
 <script src="../base/common.js" compress="../base/base.js"></script>
 <script src="../base/appservice.js" compress="../base/base.js"></script>
 <script src="../base/h5service.js" compress="../base/base.js"></script>
 <script src="../js/activityCreateUtil.js" compress="../js/main.js"></script>
 <script src="../js/createDpyxActivityA.js" compress="../js/main.js"></script>
 <script src="../js/createDpyxActivityC.js" compress="../js/main.js"></script>
</body>
</html>
